<template>
  <div class="org-tree">
    <vue2-org-tree :data="data" :horizontal="false" />
  </div>
</template>
<script>
// import Vue from 'vue'
import Vue2OrgTree from 'vue2-org-tree'
Vue.use(Vue2OrgTree)
import 'vue2-org-tree/dist/style.css'
export default {
  props: {
    orgData: {
      type: Object,
      default: () => { return new Object() },
    }
  },
  data() {
    return {
      data: {},
    }
  },
  watch: {
    orgData(val) {
      this.data = val;
    }
  },
  methods: {

  }
};
</script>
<style type="text/css">
.org-tree-container {
  background-color: transparent;
}
.org-tree {
  width: 100%;
}
</style>